import React from 'react';
import { View, Text, StyleSheet, Image } from 'react-native';
// 静态导入所有图标
import zuan from '@/assets/images/zuan.png';
import pingbi from '../../../assets/images/pingbi.png';
import xing from '../../../assets/images/xing.png'
import fanhui from '../../../assets/images/fanhui.png'
import aixin from '../../../assets/images/aixin.png'
import zuji from '../../../assets/images/zuji.png'
import deng from '../../../assets/images/deng.png'
import naozhong from '../../../assets/images/naozhong.png'


const Vipshow = () => {
    const features = [
        { icon: 'zuan', title: 'VIP身份标识', description: '专属身份标识，让你与众不同' },
        { icon: 'pingbi', title: '屏蔽广告', description: '开通即可屏蔽广告' },
        { icon: 'xing', title: '无限喜欢次数', description: '突破限制，放肆喜欢不再顾虑' },
        { icon: 'fanhui', title: '滑错无限反悔', description: '缘分稍纵即逝，瞬间找回错过的缘分' },
        { icon: 'aixin', title: '查看谁喜欢我', description: '查看所有喜欢你的人，点❤️配对与TA聊天' },
        { icon: 'zuji', title: 'Say hi足迹', description: '找回所爱，无惧流逝' },
        { icon: 'deng', title: '每天5次爆灯', description: '不想错过，直接配对与TA聊天' },
        { icon: 'naozhong', title: '专属上线提醒', description: '及时推送Ta的动态,不错过任何缘分' },
    ];

    const iconMap = {
        zuan: zuan,
        pingbi: pingbi,
        xing: xing,
        fanhui: fanhui,
        aixin: aixin,
        zuji: zuji,
        deng: deng,
        naozhong: naozhong,
    };

    return (
        <View style={styles.container}>
            {features.map((feature, index) => (
                <View key={index} style={styles.featureContainer}>
                    <Image source={iconMap[feature.icon]} style={styles.icon} />
                    <View>
                        <Text style={styles.title}>{feature.title}</Text>
                        <Text style={styles.description}>{feature.description}</Text>
                    </View>
                </View>
            ))}
        </View>
    );
};

const styles = StyleSheet.create({
    container: {
        padding: 20,
    },
    featureContainer: {
        flexDirection: 'row',
        alignItems: 'center',
        marginBottom: 20,
    },
    icon: {
        width: 40,
        height: 40,
        marginRight: 15,
    },
    title: {
        fontSize: 14,
        fontWeight: 'bold',
    },
    description: {
        fontSize: 12,
        color: '#666',
    },
});

export default Vipshow;